@charset "utf-8";
/* header */
.header{background: #fff;}
.header-toolbar li{position: relative; float: left; line-height: 40px;}
.header-toolbar li + li{padding-left: 16px;}
.header-toolbar li.split:after{position: absolute; left: 0; top: 50%; margin-top: -7px; content:''; width: 1px; height:16px; background: #000; opacity: .5;}
.header-toolbar li.split{margin-left: 15px;}
.header-toolbar .redbtn{display: block; background: #C43027; border-radius: 19px; color: #fff; padding: 0 24px;}
/* .header-toolbar .language{position: relative; padding-left: 30px; padding-right: 20px; z-index: 99;}
.header-toolbar .language:before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 21px; height: 21px; background: url(../images/header_icon_lang.png) no-repeat; background-size: 100% 100%;}
.header-toolbar .language:after{content: ''; position: absolute; right: 0; top: 50%; margin-top: -2px; width: 0; height: 0; border: transparent solid 5px; border-top-color: #333;}
.header-toolbar .language dl dt{height: 59px;}
.header-toolbar .language dl dd{position: absolute; left: 0; right: 0; background:rgb(255,255,255,0.2); padding: 10px 15px; border-radius: 0 0 5px 5px; display: none;}
.header-toolbar .language dl:hover dd{display: block;} */
.header-toolbar li.border > a,
.header-toolbar li.border > span{display: block; padding: 0 12px; height: 36px; line-height: 36px; border-radius: 19px; border: 1px solid #BDBDBD; transition: .3s all;}
.header-toolbar li.border > a:hover{border-color: #C72C24;}
/* .header-toolbar li.icon{font-size: 0;}
.header-toolbar li.icon span{font-size: 16px;} */
.header-toolbar li .icon{display: flex; align-items: center;}

.header-toolbar li .icon img{height: 20px; margin-right: 6px;}
.header-toolbar li .icon img,
.header-toolbar li .icon span{display: inline-block; vertical-align: middle;}
li.nav1.on:hover {
    transform: scale(1.05);
        transition: 0.3s ease;
}
/* .header-toolbar .pullDown .pullDown{position: relative;}
.header-toolbar .pullDown .drop{position:absolute; top:39px; left:50%; transform: translateX(-50%); padding-top: 7px; z-index:9; display:none;}
.header-toolbar .pullDown.ewm .drop{width: 120px;}
.header-toolbar .pullDown.menu .drop{width: 100px;}
.header-toolbar .pullDown.ewm .drop:after{content:''; width:0; height:0; overflow:hidden; border:7px solid transparent; border-bottom-color:rgba(0,0,0,0.4); -webkit-border-bottom-color:rgba(0,0,0,0.4); position:absolute; left:50%; top:-7px; margin-left:-7px;}
.header-toolbar .pullDown.menu .drop:after{content:''; width:0; height:0; overflow:hidden; border:8px solid transparent; border-bottom-color:#fff; position:absolute; left:50%; top:-7px; margin-left:-8px;}
.header-toolbar .pullDown.ewm .drop dt{padding:10px; background: rgba(0,0,0,0.4); -webkit-background: rgba(0,0,0,0.4); border-radius: 8px; overflow: hidden;}
.header-toolbar .pullDown.ewm .drop dt img{display:block; margin:0 auto; width:100%; background: #fff; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
.header-toolbar .pullDown.ewm .drop dt span{display:block; text-align:center; color:#fff; padding-top:5px; line-height:18px; font-size:12px;}
.header-toolbar .pullDown.menu .drop dl{ color:#fff; line-height:18px; border-radius: 4px; padding:0 10px; background: #fff; box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); font-size: 15px;}
.header-toolbar .pullDown.menu .drop dl dd{padding: 12px 0; border-bottom:1px solid rgba(0,0,0,0.1);}
.header-toolbar .pullDown.menu .drop dl dd:last-child{border-bottom: none;}
.header-toolbar .pullDown.menu .drop dl a{color: #689EE3;}
.header-toolbar .pullDown.menu .drop dl a:hover{color: #1A56A3}
.header-toolbar li:hover .drop{display: block;} */

.header-logo{padding-top: 20px; margin-bottom: 25px;position: relative;}
.header-logo img{display: block; width: 432px; margin: 0 auto;}
    .header-logo {
        position: relative;
      }

      .header-logo::before {
        content: '';
        width: 275px;
        height: 124px;
        display: block;
        position: absolute;
        background: url(../images/public/header_lefticon.png) no-repeat center;
        left: 91px;
        top: 15px;
        background-size: 100% 100%;
      }

      .header-logo::after {
        content: '';
        width: 315.74px;
        height: 115px;
        display: block;
        position: absolute;
        background: url(../images/public/header_righticon.png) no-repeat center;
        right: 51px;
        bottom: -44px;
        background-size: 100% 100%;
      }

      @media (max-width:1280px) {
        .header-logo::before {
          display: none;
        }

        .header-logo::after {
          display: none;
        }
      }
.mainnav{background: linear-gradient(0deg, rgba(32, 82, 143, 1) 0%, rgba(50, 93, 146, 1) 100%); height: 77px;}
.mainnav ul{margin-right: 340px;}
.mainnav li{float: left; width: 15.5%; text-align: center;}
.mainnav li + li a{margin-left: 1px;}
.mainnav li a{display:block; position: relative; font-size: 1.5em; line-height: 77px; text-align:center; color: #fff; transition: .3s all;}
.mainnav li a span{display: block; position: relative; z-index: 2;}
.mainnav li a:after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: linear-gradient(0deg, rgba(43, 97, 162, 1) 0%, rgba(36, 87, 150, 1) 0%, rgba(103, 165, 240, 1) 100%); transition: .3s all;}
.mainnav li.nav1{width: 7%;}
.mainnav li.nav1 img{width: 27px;}
.mainnav li.on a:after,
.mainnav li:not(.on) a:hover:after{height: 80px;}


.header-search{ position: absolute; width:323px; height: 50px; right: 0; top: 100%; margin-top: 11px; z-index: 99;}
#header-search-form{position: relative; background: #F7F7F7; padding:0 50px 0 103px; border-radius: 25px; z-index: 2;}
.header-search-txt{width:100%; padding: 0; height:50px; line-height:50px; border:0; color: #333; font-size: 1em; background: none;}
.header-search-btn{ position:absolute; top: 0; bottom: 0; margin: auto 0; right: 0; width:50px; height:50px; color: #fff; border:0; cursor:pointer; background:url(../images/public/header_icon_ss.png) no-repeat center center; background-size: 18px 20px; -webkit-appearance:none; transition: all .3s; -webkit-transition: all .3s;}
.header-search-txt::-webkit-input-placeholder{color: #808080;}
.header-search-type{width: 68px;position: absolute; left: 23px; color: #808080; line-height: 50px;cursor: pointer;}
.header-search-type:before{
	content:"";position: absolute;right:0;top:50%;margin-top:-3px;
	background: url(../images/arrow/triangle_down_black.png) no-repeat; width: 10px; height:8px; background-size: 100% 100%;
	transition: all .2s ease-in 0s; opacity: .4;}
.header-search-type.open:before{
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
.header-search-type-option{display: none; position: absolute;left: 0;width: 100px;top: 25px; padding-top: 25px;background: rgba(255,255,255, .8);box-shadow: 0 2px 10px rgba(0,0,0,0.1); border-radius: 0 0 3px 3px;}
.header-search-type-option ul{padding: 10px 0;line-height: 1.5;border-radius: 0 0 10px 10px;}
.header-search-type-option ul li{padding: 5px 23px 5px 23px;cursor: pointer;}
.header-search-type-option ul li a{ color: #999;}
.header-search-type-option ul li:hover a{color: #1658A0;}

.header-choose-btn{position:absolute; top:11px; right:20px; z-index:9; display:none;}
.header-choose-btn div{position:relative; width:28px; height:18px; cursor:pointer;}
.header-choose-btn span{display:block; position:absolute; left:0; width:100%; height:20%; background:#ccc; transition:all .3s; -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%); transform:translateY(-50%);}
.header-choose-btn span:nth-child(1){top:0;}
.header-choose-btn span:nth-child(2){top:50%;}
.header-choose-btn span:nth-child(3){top:100%;}
.header-choose-opened .header-choose-btn span:nth-child(1){
		top: 50%;
		-webkit-transform: translateY(-50%) rotate(-45deg);
		-ms-transform: translateY(-50%) rotate(-45deg);
		transform: translateY(-50%) rotate(-45deg);
}
.header-choose-opened .header-choose-btn span:nth-child(2) {
		-webkit-transform: translateY(-50%) scaleX(0);
		-ms-transform: translateY(-50%) scaleX(0);
		transform: translateY(-50%) scaleX(0);
}
.header-choose-opened .header-choose-btn span:nth-child(3) {
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%) rotate(45deg);
		-ms-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);
}
.m-header-toolbar{position:absolute; top:40px; right:0; left:0; z-index:1000; width:100%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2); border: none; font-size: .875em; display: none;}
.m-header-toolbar li{border-bottom:1px solid rgba(225,225,225,.4);}
.m-header-toolbar li a{color:#333;display: block; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px;}
.m-header-toolbar li a:hover{color:#4292f3;}


/*responsive*/
@media (max-width: 1500px) {
	/* .mainnav li a{font-size: 1.375em;} */
}

@media (max-width: 1280px) {
	body:not(.nores) .header-toolbar li.wza{display: none;}
	body:not(.nores) .header-toolbar li.split{margin-left: 0;}
	body:not(.nores) .header-toolbar li.split:after{display: none;}
	/* body:not(.nores) .header-toolbar li{height: 28px; line-height: 28px;} */

	body:not(.nores) .header-search{max-width: 100%; width: 680px; position: relative; top: auto; right: auto; margin: 0 auto 50px;}
	#header-search-form{background: #fff; border: rgba(32, 82, 143, 1) 1px solid; box-shadow: 0 0 0 8px #eef3fa;}
	.header-search-type-option{background: #eef3fa;}
	body:not(.nores) .mainnav li a{font-weight: normal; font-size: 1.375em;}
	

	.mainnav ul{margin-right: 0;}
	
}

@media (max-width: 992px) {
	body:not(.nores) .header-toolbar .ipv6{display: none;}

	body:not(.nores) .mainnav{height: auto;}
	body:not(.nores) .mainnav li a:after{display: none;}
	
	body:not(.nores) .mainnav .container{padding-left: 0; padding-right: 0;}
	body:not(.nores) .mainnav ul{ height: auto; padding-top: 18px; padding-bottom: 18px;}
	body:not(.nores) .mainnav li{ width: 28%; position:relative;}
	body:not(.nores) .mainnav li:after{content:""; width:1px; height:16px; background:#fff; position:absolute; top:50%; margin-top:-8px; right:0; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}
	body:not(.nores) .mainnav li a{height: 30px; overflow: hidden; padding:4px 0; height: auto; line-height:30px; font-size: 1.25em;}
	body:not(.nores) .mainnav li:nth-child(4):after, body:not(.nores) .mainnav li:nth-child(7):after{display:none;}
	body:not(.nores) .mainnav li:hover span:after, body:not(.nores) .mainnav li.on span:after{display: none;}
	body:not(.nores) .mainnav li.nav1{width: 16%; height:76px;}
	body:not(.nores) .mainnav li.nav1 a{padding:0; height: 76px; background: rgba(255,255,255, .1); border-radius: 3px; display: flex; align-items: center; justify-content: center;}
	body:not(.nores) .mainnav li.nav1:after{display: none;}
	
}

@media (max-width: 768px) {
	/* body:not(.nores) .header-toolbar li + li{padding-left: 10px;} */
	.header-toolbar li.jft, 
	.header-toolbar li.en,
	.header-toolbar li.yxdl,
	.header-toolbar li.znwd{display: none;}
	.header-toolbar-r{float: left;}
	.header-toolbar li.ghb{padding-left: 0;}
	.header-choose-btn{display: block;}
li.rby {
    display: none;
}
}



@media (max-width: 480px) {
	body:not(.nores) .header-toolbar{font-size: 14px; top: 10px;}
	body:not(.nores) .header1-logo{padding-top: 50px; margin-bottom: 20px;}
	body:not(.nores) .header2-logo{padding-top: 50px; margin-bottom: 20px;}
	body:not(.nores) .header-search{margin-bottom: 20px;}

	body:not(.nores) .mainnav li a{font-size: 1.125em;}
}

@media (max-width: 375px) {
	
}
 li.lnfw {display: none;}

 body.older li.lnfw { display: block;background: #ff9027; border-radius: 15px;font-size: .9375em;}
body.older li.lnfw a {color: #fff; padding-right: 10px; padding-left: 10px; }

/* 关怀版 */
body.older .header-toolbar{font-size: 0.857em;}
body.older .header-toolbar li .icon img{height: 30px; margin-right: 10px;}
body.older .header-logo img{width: 580px;}
body.older .header-logo{padding-top: 50px; margin-bottom: 50px;}
body.older .header-search{max-width: 100%; width: 800px; height: 80px; position: relative; top: auto; right: auto; margin: 0 auto 50px;}
body.older #header-search-form{padding-left: 158px; padding-right: 80px; background: #fff; border: rgba(32, 82, 143, 1) 1px solid; box-shadow: 0 0 0 8px #eef3fa; border-radius: 40px;}
body.older .header-search-type-option{background: #eef3fa; width: 150px; top: 55px;}
body.older .header-search-txt{height: 80px;}
body.older .header-search-type{width: 115px; line-height: 80px;}
body.older .header-search-type:before{width: 15px; height: 12px; margin-top: -6px;}
body.older .header-search-btn{width: 80px; height: 80px; background-size: 40px 46px;}
body.older .mainnav{height: 100px;}
body.older .mainnav ul{margin-right: 0;}
body.older .mainnav li.nav1 img{width: 40px;}
body.older .mainnav li a{line-height: 100px;}
body.older .mainnav li.on a:after, 
body.older .mainnav li:not(.on) a:hover:after{height: 108px;}
@media (max-width: 1280px) {
	body.older .mainnav{height: auto;}
	body.older .mainnav ul{ height: auto; padding-top: 20px; padding-bottom: 20px;}
	body.older .mainnav li{ width: 28%; position:relative;}
	body.older .mainnav li:after{content:""; width:1px; height:30px; background:#fff; position:absolute; top:50%; margin-top:-15px; right:0; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}
	body.older .mainnav li a{height: 40px; overflow: hidden; padding:10px 0; height: auto; line-height:40px; font-size: 1.25em;}
	.mainnav li a:after{display: none;}
	body.older .mainnav li:nth-child(4):after, 
	body.older .mainnav li:nth-child(7):after{display:none;}
	body.older .mainnav li:hover span:after, 
	body.older .mainnav li.on span:after{display: none;}
	body.older .mainnav li.nav1{width: 16%; height:120px;}
	body.older .mainnav li.nav1 a{padding:0; height: 120px; background: rgba(255,255,255, .1); border-radius: 3px; display: flex; align-items: center; justify-content: center;}
	body.older .mainnav li.nav1:after{display: none;}
	body.older .mainnav li.nav1 img{width: 55px;}
	
	
}

@media (max-width: 768px) {
	body.older .header-search{height: 60px; margin: 0 auto 50px;}
	body.older #header-search-form{padding-left: 110px; padding-right: 60px;}
	body.older .header-search-type-option{background: #eef3fa; width: 104px; top: 35px;}
	body.older .header-search-txt{height: 60px;}
	body.older .header-search-type{width: 72px; line-height: 60px;}
	body.older .header-search-type:before{width: 10px; height: 8px; margin-top: -4px;}
	body.older .header-search-btn{width: 60px; height: 60px; background-size: 26px;}

	body.older .mainnav li a{padding-top: 5px; padding-bottom: 5px; font-size: 1em; line-height: 25px;}
	body.older .mainnav li.nav1{height: 70px;}
	body.older .mainnav li.nav1 a{height: 70px;}
	body.older .mainnav li.nav1 img{width: 30px;}
	body.older .mainnav li:after{height: 20px; margin-top: -10px;}
  body.older li.lnfw {

                                margin-right: 10px;
                            }

}


@media (max-width: 480px) {
	
}